<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML常用标签示例</title>

    <style>

        p{
            color:white
        }
    </style>
</head>
<body>
    <!-- 标题标签 -->
    <h1>这是一个一级标题</h1>
    <h2>这是一个二级标题</h2>
    <h3>这是一个三级标题</h3>
    <h4>这是一个四级标题</h4>
    <h5>这是一个五级标题</h5>
    <h6>这是一个六级标题</h6>

    <!-- 段落和换行 -->
    <p>这是一个段落。</p >
    <p>这是另一个段落，<br>这里使用了换行标签。</p >

    <!-- 水平线 -->
    <hr>

    <!-- 图片 -->
    < img src="https://via.placeholder.com/150" alt="占位图片">

    <!-- 链接 -->
    <p>访问<a href=" ">示例网站</a ></p >

    <!-- 分区 -->
    <div>
        <p>这是一个div容器中的段落</p >
    </div>

    <!-- 列表 -->
    <h3>无序列表</h3>
    <ul>
        <li>列表项1</li>
        <li>列表项2</li>
        <li>列表项3</li>
    </ul>

    <h3>有序列表</h3>
    <ol>
        <li>第一项</li>
        <li>第二项</li>
        <li>第三项</li>
    </ol>

    <!-- 表格 -->
    <h3>简单表格</h3>
    <table border="1">
        <tr>
            <th>姓名</th>
            <th>年龄</th>
        </tr>
        <tr>
            <td>张三</td>
            <td>25</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>30</td>
        </tr>
    </table>

    <!-- 表单 -->
    <h3>用户注册表单</h3>
    <form>
        <p>
            <label>姓名：</label>
            <input type="text" name="name">
        </p >
        <p>
            <label>邮箱：</label>
            <input type="email" name="email">
        </p >
        <p>
            <label>密码：</label>
            <input type="password" name="password">
        </p >
        <p>
            <label>性别：</label>
            <select name="gender">
                <option value="male">男</option>
                <option value="female">女</option>
            </select>
        </p >
        <p>
            <label>留言：</label><br>
            <textarea name="message" rows="4" cols="30"></textarea>
        </p >
        <p>
            <input type="submit" value="提交">
        </p >
    </form>

    <!-- 行内元素 -->
    <p>这是一段文字，<span style="color: red;">这里使用了span标签</span>来设置部分文本的样式。</p >






</body>
</html>